<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
            .wrapper{
                width: 80%;height: 200px;border: 1px solid blue;margin:20px auto;
            }
            img{width:100px;height: 100px;}
        </style>
    </head>
    <body>
        <div class="wrapper">
            <marquee direction="up" behavior="scroll" height="200px">公告</marquee>
        </div>
        <div class="wrapper">
            <marquee direction="up" behavior="scroll" height="200px">
                <div><a href="">链接1</a></div>
                <div><a href="">链接2</a></div>
                <div><a href="">链接3</a></div>
                <div><a href="">链接4</a></div>
            </marquee>
        </div>
        <div class="wrapper">
            <marquee direction="left" behavior="scroll" height="200px">
                <img src="douyin-logo.png">
            </marquee>
        </div>
        <div class="wrapper">
        <marquee direction="up" behavior="scroll" height="200px">
            <div> <img src="douyin-logo.png"></div>
            <div> <img src="douyin-logo.png"></div>
            <div> <img src="douyin-logo.png"></div>
            <div> <img src="douyin-logo.png"></div>
        </marquee>
        </div>
    </body>
</html>